<script>
    export default {
        data() {
            return {
                input2: ''
            }
        },
        methods: {
            handleIconClick(ev) {
                console.log(ev);
            }
        }
    }
</script>
<template>
    <div class="jump">
        {{busRoutes}}
        <div class="top">
            <h4>厦门公交线路</h4>
            <div class="tip">
            <el-input
                    placeholder="换成查询"
                    icon="search"
                    v-model="input2"
                    :on-icon-click="handleIconClick">
            </el-input>
            </div>
            <div class="tip">
                <el-input
                        placeholder="路线查询"
                        icon="search"
                        v-model="input2"
                        :on-icon-click="handleIconClick">
                </el-input>
            </div>
            <div class="tip">
                <el-input
                        placeholder="站点查询"
                        icon="search"
                        v-model="input2"
                        :on-icon-click="handleIconClick">
                </el-input>
            </div>
            <p>以字母开头:&nbsp;&nbsp;&nbsp;1&nbsp;&nbsp;2&nbsp;&nbsp;
                3&nbsp;&nbsp;4&nbsp;&nbsp;5&nbsp;&nbsp;6&nbsp;&nbsp;
                7&nbsp;&nbsp;8&nbsp;&nbsp;9</p>
            <p>以汉字/字母开头:&nbsp;&nbsp;&nbsp;D&nbsp;&nbsp;G&nbsp;&nbsp;
                H&nbsp;&nbsp;K&nbsp;&nbsp;T&nbsp;&nbsp;X&nbsp;&nbsp;Z</p>
            <p>线路分类：&nbsp;&nbsp;岛内线路&nbsp;&nbsp; 岛外区内线路&nbsp;&nbsp;
            岛外跨区线路&nbsp;&nbsp;高峰线路&nbsp;&nbsp;快速公交线路&nbsp;&nbsp;
            轮渡线路&nbsp;&nbsp;空港快线线路&nbsp;&nbsp;特运旅游线路</p>
            <p>热门线路：&nbsp;&nbsp;&nbsp;快1路公交车路线&nbsp;&nbsp;&nbsp;
                快2路公交车路线&nbsp;&nbsp;&nbsp; 快3路公交车路线&nbsp;&nbsp;&nbsp;
                空港快线2号线[机场-厦门北站]公交车路线&nbsp;&nbsp;&nbsp;
                特运环岛观光巴士公交车路线&nbsp;&nbsp;&nbsp;950路公交车路线&nbsp;&nbsp;
                &nbsp;快6路公交车路线&nbsp;&nbsp;&nbsp;快5路公交车路线&nbsp;&nbsp;&nbsp;
                6路公交车路线&nbsp;&nbsp;&nbsp;949路公交车路线
           </p>
            <h4> 厦门公交站点</h4>
            <p>热门站点：&nbsp;&nbsp;&nbsp;悦美筼筜&nbsp;&nbsp;&nbsp; 厦门北站[BRT]&nbsp;&nbsp;&nbsp;
                厦门北站&nbsp;&nbsp;&nbsp; T4候机楼&nbsp;&nbsp;&nbsp;五通客运码头&nbsp;&nbsp;&nbsp;
                软件园&nbsp;&nbsp;&nbsp;火车站 &nbsp;&nbsp;&nbsp;BRT县后&nbsp;&nbsp;&nbsp;
                车管所&nbsp;&nbsp;&nbsp;曾厝垵</p>
        </div>
    </div>
</template>
<style>
    .top{
        margin: 20px 0 0 20px;
        width: 950px;
        height: 200px;
    }
    .top .tip{
        margin: 30px 0 0 20px;
        width: 500px;
    }
</style>